body{ margin:0; padding:0; background:#F6F6F6 url(../img/Main-bg.jpg) center repeat-y; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333}
h1,h2,h3,ul,li,from,dl,dt,input,button{ border:none; margin:0; padding:0; list-style:none}
a{ color:#333; text-decoration:none}
img{ border:none}
a:hover{ color:#F60; text-decoration:underline}

.main{ margin:0 auto; width:998px; height:auto; border:1px solid #D9D9D9; border-top:none; border-bottom:none; background:#FFF}
.top{ height:126px; background:url(../img/Top-bg.jpg) repeat-x}
.top-l{ float:left; width:344px; height:111px; background:url(../img/DogBreedsList-Logo.jpg) no-repeat}
.top-l a{ width:266px; height:80px; display:block; margin:15px 0 0 25px; text-indent:-9999px; overflow:hidden}
.top-c{ float:left; width:418px}
.top-ct{ margin-top:19px}
.top-ct h2{ font-size:10px; font-weight:normal; color:#999}
.top-cc{ margin-top:4px; width:388px; height:40px; overflow:hidden; background:url(../img/Search-bg.jpg) no-repeat}
.top-cc input{ border:none; background:none; float:left; margin:7px 0 0 9px; height:24px; line-height:24px; width:290px}
.top-cc button{ border:none; background:none; font-size:0px; width:77px; height:28px; margin:5px 0 0 7px; font-size:0; text-indent:-9999px; display:inline}
.top-cb{ margin-top:3px; font-size:11px; padding-left:1px}
.top-cb span{ color:#666}
.top-cb a{ color:#08F}
.top-r{ float:right; width:170px; color:#666; font-size:10px; background:url(../img/Cat-bg.jpg) no-repeat}
.top-rt{ height:30px; line-height:30px}
.top-rt span{ color:#809E00}
.top-rb{ width:85px; height:71px; margin-left:20px}
.top-rb a{ float:left; margin:14px 0 0 32px; font-size:9px; color:#888}

.Middle{ width:998px; margin:0 auto; height:auto; overflow:hidden}
.Middle-l{ width:209px; height:auto; overflow:hidden; float:left; padding-bottom:100px; padding:0 16px}
.Middle-l-title1{ width:190px; height:18px; background:url(../img/All-Dog-bg.jpg) no-repeat; padding:2px 0 0 22px; margin-bottom:10px}
.Middle-l-title1 h3 a{ font-size:12px; float:left; word-spacing:1px; margin-right:6px}
.Middle-l-title2{ color:#809E00; font-size:11px; font-weight:bold; padding:12px 0 5px 10px; border-bottom:1px solid #E6E6E6}
.Middle-l-bk1 a{ border-bottom:1px solid #E6E6E6; padding-left:28px; display:block; height:20px; line-height:20px; background:#FCFCFC url(../img/Dog-icon1.jpg) no-repeat 10px center}
.Middle-l-bk1 a:hover{ background:#E6E6E6 url(../img/Dog-icon2.jpg) no-repeat 11px center; color:#F60; font-weight:bold}
.Middle-l-bk2 dt{ border-bottom:1px solid #E6E6E6; height:20px; padding-left:10px; background:#FCFCFC}
.Middle-l-bk2 dt span{ float:left; background:#888; font-size:8px; width:10px; height:10px; display:inline-block; text-align:center; color:#EEE; margin-top:5px}
.Middle-l-bk2 dt a{ margin-left:8px; line-height:20px}
.Middle-l-bk2 dt:hover{ background:#E6E6E6}
.Middle-l-bk2 dt a:hover,.list a:hover{ font-weight:bold}
.Middle-r{ width:728px; float:left; height:auto; overflow:hidden; padding:0 0 10px 13px; min-height:1500px}
.Middle-r-bk1{ width:728px; height:20px}
.Middle-r-bk1 span{ width:98px; height:18px; padding:2px 0 0 6px; background:url(../img/A-Z-bg.jpg) no-repeat; float:left}
.Middle-r-bk1 a{ float:left; width:20px; height:20px; line-height:19px; text-align:center; background:url(../img/A-Z-26-bg.jpg) no-repeat; margin-left:4px}
.Middle-r-bk1 a:hover{ font-weight:bold}
.Middle-r-title1{ width:728px; height:30px; overflow:hidden; padding-top:15px; text-transform:capitalize; margin-top:11px}
.Middle-r-title1-l{ float:left; width:auto; font-weight:bold}
.loc{ float:left}
.loc strong{ font-weight:bold}
.Middle-r-title1-r{ float:right; height:25px; width:auto; text-align:right; font-size:11px}
.list{ background:#E6E6E6; width:728px}
.list th{ text-align:left; padding-left:8px; background:#FFF; line-height:13px; border-bottom:1px solid #F4F4F4; font-weight:normal}
.list td{ padding:8px 8px; width:25%}
.list tr:hover{ background:#E6E6E6}
.img{ float:left; width:172px; height:100px}
.more{ float:right; text-transform:uppercase; font-size:9px}
.more a{ color:#888}
.wallpapers{ width:726px; height:auto; overflow:hidden; border:1px solid #E6E6E6; padding-bottom:10px; margin:0 auto}
.wallpapers h1{ background:#FFF; height:20px; font-size:13px; text-align:center; padding-top:10px}
.wallpapers dt{ float:left; width:172px; margin:8px 0 0 8px; display:inline; line-height:28px; text-align:center}
.wallpapers dt img{ width:172px; height:100px}

.ad72890{ width:728px; height:90px; margin-top:26px}

.content,.content-w{ border:1px solid #E6E6E6; width:726px; height:auto; overflow:hidden}
.content h1{ padding-top:10px; font-size:14px; font-weight:bold; text-align:center}
.content-w{ padding:15px 8px; width:710px; line-height:30px}
.content-w h1{ line-height:28px; font-size:14px; padding:0 0 20px 0}
.content-w a{ text-decoration:underline}
.content-w img{ width:710px}
.info-l{ float:left; width:300px; margin:15px 0 0 15px; height:auto; overflow:hidden; display:inline}
.info-img{ width:300px; height:auto; overflow:hidden; margin-bottom:5px}
.info-img-c{ text-align:center; line-height:34px; margin-bottom:10px}
.info-img-b{ font-size:10px; text-align:center}
.info-r{ float:right; width:380px; padding:15px 15px 0 0}
.info-r table,.name table{ background:#F0F0F0; width:100%}
.info-r th,.name th{ text-align:left; padding:4px 12px; color:#819F00}
.info-r tr,.name tr{ background:#FFF}
.info-r td{ padding:4px 12px}
.name{ width:300px; text-align:left; padding:0 22px 20px 0}
.name td{ padding:4px 12px; width:50%; color:#333}
.box1{ background:#FBFBFB; width:29%; font-weight:bold; color:#555}
.other-info{ line-height:20px; font-size:12px; color:#333}
.tags{ width:96%; padding:30px 8px; line-height:20px; height:auto; overflow:hidden}
.tags span{ color:#809E00; font-weight:bold}
.tags a{ padding:2px 5px; font-size:12px; background:#F4F4F4; font-weight:bold; color:#666; font-size:11px}
.popular-art{ border:1px solid #E6E6E6; width:726px; height:200px; border-bottom:none; border-top:none; margin:0 auto}
.popular-art-t{ padding:15px 0 0 8px; font-weight:bold; color:#809E00}
.popular-art dl{ padding:20px 0px; padding-right:0; height:auto; overflow:hidden}
.popular-art dt{ float:left; margin-left:8px; width:172px}
.popular-art dt img{ width:172px; height:100px; float:left; margin-bottom:10px}

.pages{ clear:both; overflow:hidden; font-size:12px; padding:20px 0}
.pages li{ float:left; border:none; line-height:21px; color:#333}
.pages a{ display:inline-block; padding:0 7px; height:19px; line-height:19px; background:#FFF; border:1px solid #D3D3D3; margin-right:8px; color:#1E7EC8}
.pages a:hover{ background:#8BBF36; border:1px solid #8BBF36; color:#FFF}
.thisclass{ display:inline-block; background:#8BBF36; padding:0 8px; font-weight:bold; color:#FFF; margin-right:8px; height:21px}
.thisclass a{ padding:0; margin:0; border:none; background:none; color:#fff; line-height:23px}
.thisclass a:hover{ border:none}
.pnav{ width:710px; margin:0 auto; padding:10px 8px 20px 8px; border:1px solid #EEE; border-top:none; height:20px; overflow:hidden}
.pnav-l{ float:left}
.pnav-r{ float:right}
.pnav span{ font-family:Verdana; font-weight:bold; color:#809E00; font-size:16px}
.pnav a{ padding:0 5px}

.bottom{ width:998px; height:238px; line-height:22px; margin:0 auto}
.bottom-t{ width:728px; height:120px;  margin:30px auto}
.bottom-c{ text-align:center; color:#555}
.bottom-c a{ font-size:11px; color:#555}
.bottom-c span{ font-weight:bold; color:#819F00}
.bottom-b{ text-align:center; font-size:10px; color:#666}